<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../stylesheets/main.css" />
		<script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.2/??flexible_css.js,flexible.js"></script>
	</head>

	<body>
		<!--头部导航-->
		<header class="hht88 bdb-ccc bg-white">
			<a class="dp-inlb pa h icon-back "></a>
			<div class="fz30 tc fc-cyan">标题</div>
		</header>
		<div class="bdb bg-white pr mt15">
			<div class="hht70 fz16 	bdb-ccc pr">
				<label class="fz30 fz-b ml20">
					<b>刘医生</b>
				</label>
			</div>
			<div class="bdb">
				<div class="hht55 fz28">
					<label class="ml20 fc-95">职称:</label>
					<span class="fz24 txt-ellipsis">副主任医师</span>
				</div>
				<div class="hht55 fz28">
					<label class="ml20 fc-95">科室:</label>
					<span class="fz24 txt-ellipsis">神经外科</span>
				</div>
				<div class="hht55 fz28">
					<label class="ml20 fc-95">科室:</label>
					<span class="fz24 txt-ellipsis">神经外科</span>
				</div>
			</div>
			<div class="lht44 m20 fc-grey tj fz24">
				要由用户代理（而不是 CSS）来确定两端对齐文本如何拉伸，以填满父元素左右边界之间的空间。例如，有些浏览器可能只在单词之间增加额外的空间，而另外一些浏览器可能会平均分布字母间的额外空间（不过 CSS 规范特别指出，如果 letter-spacing 属性指定为一个长度值，“用户代理不能进一步增加或减少字符间的空间”）。还有一些用户代理可能会减少某些行的空间，使文本挤得更紧密。所有这些做法都会影响元素的外观，甚至改变其高度，这取决于用户代理的对齐选择影响了多少文本行。
			</div>
		</div>

		<div class="hht60 fz28 ml20">
			可预约排班
		</div>
		<div class="bg-white bdb">
			<div class="txt-ellipsis hht88 pr fc-grey bdt">
				<label class="ml40 dp-inlb w200 txt-ellipsis fz26">2016-03-14</label>
				<label class="dp-inlb w110 txt-ellipsis fz26">星期一</label>
				<label class="dp-inlb w100 txt-ellipsis fz26">今天</label>
				<span class="mtb20 dp-inlb fr t0 r20 pa"><div class="w110 fr bdr-5 bd-cyan tc fz26 fc-cyan hht50">可预约</div></span>
			</div>
		</div>
	</body>

</html>